<template>
    <div>{{text}}</div>
</template>

<script>
export default {
    name:'life',
    data(){
        return{
            text:1
        }
    },
    beforeCreate(){
        console.log(this,'beforeCreate');
    },
    created(){
        console.log(this,'created');
    },
    beforeMount(){
        console.log(this,'beforeMount');
    },
    mounted(){
        console.log(this,'mounted');
        setInterval(() => {
        this.text += 1  
    }, 1000);
        setTimeout(()=>{
            this.$destroy()
        },6000)
    },
    updated(){
        console.log(this,'updated'); 
    },
    activated(){
        console.log(this,'activated');
    },
    deactivated(){
        console.log(this,'beforeCreate');
    },
    destroyed(){
        console.log(this,'destroyed');
    },
    render(h){
        console.log(h);
        return h
        
    }
        
    
    
}
</script>

<style lang="css">
    
</style>
